<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml"
      layout:decorate="~{front/common/framework}" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
  <title>版权服务</title>
  <link rel="stylesheet" href="/static/front/css/copyservice.css">
</head>
<body>
<div layout:fragment="content">
  <div class="banner">
    <div class="wrapper">
      <div class="txt">
        <h4><big>中国版权保护中心DCI体系合作示范平台，让原创更有价值！</big></h4>
        <h3> 在线申请版权登记，获取作品登记证书</h3>
      </div>
    </div>
  </div>
  <div class="reg-type item">
    <div class="wrapper">
      <div class="head">
        <h2>选择作品类型</h2>
        <h4>SELECTION OF WORKS</h4>
      </div>
      <div class="body">
        <ul>
          <li>
            <div class="icon">
              <img class="img01" src="/static/front/imgs/zys208.png"/>
              <img class="img02" src="/static/front/imgs/zys211.png"/>
            </div>
            <div class="txt">
              <h2>摄影</h2>
              <p>借助摄影器材拍摄物体形象的艺术作品，如人物照片、动植物照片、风景照片、艺术摄影等</p>
            </div>
            <div class="btn">
              <a class="register" href="javascript:;" data-id="photoProductRegist">立即登记</a>
            </div>
          </li>
          <li>
            <div class="icon">
              <img class="img01" src="/static/front/imgs/zys209.png"/>
              <img class="img02" src="/static/front/imgs/zys212.png"/>
            </div>
            <div class="txt">
              <h2>美术作品</h2>
              <p>绘画、插画、漫画、海报、书法、字体、雕塑、表情包、工业设计、陶瓷类工艺品等平面或立体的造型艺术作品</p>
            </div>
            <div class="btn">
              <a class="register" data-id="artProductRegist" href="javascript:;">立即登记</a>
            </div>
          </li>
          <li>
            <div class="icon">
              <img class="img01" src="/static/front/imgs/zys210.png"/>
              <img class="img02" src="/static/front/imgs/zys213.png"/>
            </div>
            <div class="txt">
              <h2>工程图</h2>
              <p>为施工和生产而绘制的工程设计图、产品设计图、以及反映地理现象、说明事物原理或者结构的地图、示意图等作品</p>
            </div>
            <div class="btn">
              <a class="register" href="javascript:;" data-id="chartProductRegist">立即登记</a>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="reg-dci item">
    <div class="wrapper">
      <div class="head">
        <h2>什么是DCI登记？</h2>
        <h4>WHAT IS DCI REGISTRATION</h4>
      </div>
      <div class="body">
        <div class="dic">
          <div class="num">
            <h4>DCI：</h4>
            <p>C20150000000000000002690300010423</p>
          </div>
          <div class="img">
            <a class="pop-img"><img src="/static/front/imgs/zys214.jpg"/></a>
          </div>
        </div>
        <div class="txt">
          <ul>
            <li>
              <h4>DCI登记介绍</h4>
              <p>DCI(DigitalCopyrightIdentifier)体系是中国版权保护中心在多年版权公共服务经验积累的基础上，深入研究国内外互联网版权保护的法律、技术和模式等基础上，自主创新提出的互联网版权公共服务体系。DCI登记是通过互联网在线的方式对数字作品版权进行的登记。在DCI体系的支撑下，DCI登记是DCI体系的基础和核心功能之一。</p>
            </li>
            <li>
              <h4>DCI登记的特点</h4>
              <p>1、申请便捷，在线可获反馈，节省材料、沟通和时间成本</p>
              <p>2、同时被赋予DCI码和DCI标，可实现传统模式不具备的互联网标识、验证等功能</p>
              <p>3、除DCI登记外，还具备版权费用结算和版权监测维权功能</p>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="process item">
    <div class="wrapper">
      <div class="head">
        <h2>登记服务流程</h2>
        <h4>REGISTRATION PROCESS</h4>
        <p>申请材料经由花瓣美素接收后，提交至中国版权保护中心，7-10个工作日内完成审查</p>
      </div>
      <div class="body">
        <ul>
          <li>
            <h4>著作权人实名认证<sup>01</sup></h4>
          </li>
          <li><span><img src="/static/front/imgs/zys232.png"/></span></li>
          <li>
            <h4>上传作品并填写作品信息<sup>02</sup></h4>
          </li>
          <li><span><img src="/static/front/imgs/zys232.png"/></span></li>
          <li>
            <h4>花瓣美素接收<sup>03</sup></h4>
          </li>
          <li>
            <h4>在交易平台出售并获得收益<sup>06</sup></h4>
          </li>
          <li><span><img src="/static/front/imgs/zys233.png"/></span></li>
          <li>
            <h4>颁发作品登记证书<sup>05</sup></h4>
          </li>
          <li><span><img src="/static/front/imgs/zys233.png"/></span></li>
          <li class="last">
            <h4>中国版权保护中心审查<sup>04</sup></h4>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<th:block layout:fragment="script">
  <script type="text/javascript">

    layui.use('layer', function(){
      var layer = layui.layer;

      $('.header .wrapper .nav ul li').eq(1).addClass("on").siblings().removeClass("on");
      $('.pop-img').click(function () {
        layer.open({
          type:1,
          title:false,
          shadeClose: true,
          area: ['720px','500px'],
          shade: [0.8, '#393D49'],
          closeBtn:0,
          content:'<div><img src ="/static/front/imgs/zys218.jpg" style="max-width: 100%"/></div>'
        })
      })
      
      $('.register').click(function () {
        var worksType = $(this).data('id');
        localStorage.setItem('worksType',worksType);
        location.href = '/copyright/register/edit';
      })
    });
  </script>
</th:block>
</body>
</html>

